<template>
	<div>
		<div v-for="(item,index) in screenList" class="c-flex c-m-14 c-col-center" :key="index">
			<div class="screenTit">{{item.title}}</div>
			<a-radio-group v-model="item.value" size="small" button-style="solid">
				<a-radio-button v-for="(screenItem,screenIndex) in item.list" :key="screenIndex" :value="screenItem.value" class="m-r-20" @click="screenClick(screenItem.value)">
				  {{screenItem.name}}
				</a-radio-button>
			</a-radio-group>
		</div>
	</div>
</template>

<script>
 export default {
        name: "screen",
        props: {
            screenList:{
                type:Array,
                default(){
                    return [
                        {title:'档案状态',
						value:0,
						list:[{name:'全部',value:0},
							{name:'开案中',value:1},
							{name:'介入中',value:2},
							{name:'分析及计划中',value:3},
						]},
                        {title:'审核状态',
						value:0,
                        list:[{name:'全部',value:0},
                        	{name:'待审核',value:1},
                        	{name:'审核通过',value:2},
                        	{name:'被驳回',value:3},
                        ]},
                    ];
                }
            }
        },
        data(){
            return {
            }
        },
        methods:{
            screenClick(value){
				this.$emit('screenClick', value)
            }
        }
    }
</script>

<style scoped>
	.m-r-20{
		margin-right:20px;
	}
	.screenTit{
		margin-right: 20px;
	}
</style>
